<template>
    <div id="pulpCollect">
        <!-- 查询 -->
        <el-popover  v-model="popoverVisible" placement="bottom-start" width="855" style="box-shadow: 0 0 8px rgba(0,0,0,.5);" trigger="manual">
            <el-form :inline="true" :model="searchList" label-width="100px" >
                <el-form-item label="浆员" style="margin-bottom: 5px;"><el-input v-model="searchList.providerNoName" @focus="focusPulpWorker" style="width: 100px;"></el-input></el-form-item>
                <el-form-item label="护士" style="margin-bottom: 5px;"><el-select v-model="searchList.nurse" style="width: 100px;"><el-option value="" label="【空】"></el-option><el-option v-for="item in nurseData" :key="item.id" :value="item.id" :label="item.name"></el-option></el-select></el-form-item>
                <el-form-item label="机器编号" style="margin-bottom: 5px;"><el-select v-model="searchList.machineNo" style="width: 100px;"><el-option value="" label="【空】"></el-option><el-option v-for="item in machineData" :key="item.id" :value="item.id" :label="item.name"></el-option></el-select></el-form-item>
                <el-form-item label="是否二次穿刺" style="margin-bottom: 5px;"><el-select v-model="searchList.secondPuncture" style="width: 100px;"><el-option :value="1" label="是"></el-option><el-option value="" label="否"></el-option></el-select></el-form-item>
            </el-form>
            <el-form :inline="true" :model="searchList" label-width="100px" >
                <el-form-item label="采浆开始时间" style="margin-bottom: 5px;"><el-date-picker v-model="searchList.time1" type="daterange" style="width: 314px;" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" align="right"></el-date-picker></el-form-item>
                <el-form-item label="创建时间" style="margin-bottom: 5px;"><el-date-picker v-model="searchList.time2" type="daterange" style="width: 317px;" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" align="right"></el-date-picker></el-form-item>
                <el-form-item label="总采浆量"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startTotalPlasmaNum"></el-input></el-col>
                    <el-col :span="2" class="search-col2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endTotalPlasmaNum"></el-input></el-col>
                </el-form-item>
                <el-form-item label="总采血量"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startTotalBloodNum" ></el-input></el-col>
                    <el-col class="search-col2" :span="2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endTotalBloodNum" ></el-input></el-col>
                </el-form-item>
                <el-form-item label="盐水用量"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startUseYsNum" ></el-input></el-col>
                    <el-col class="search-col2" :span="2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endUseYsNum"></el-input></el-col>
                </el-form-item>
                <el-form-item label="抗凝剂用量"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startUseKngNum" ></el-input></el-col>
                    <el-col class="search-col2" :span="2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endUseKngNum"></el-input></el-col>
                </el-form-item>
                <el-form-item label="循环次数"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startCycles" ></el-input></el-col>
                    <el-col class="search-col2" :span="2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endCycles"></el-input></el-col>
                </el-form-item>
                <el-form-item label="HTC"  style="margin-bottom: 5px;">
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.startHTC"></el-input></el-col>
                    <el-col class="search-col2" :span="2">-</el-col>
                    <el-col :span="11"><el-input class="inputWidth" v-model="searchList.endHTC"></el-input></el-col>
                </el-form-item>
                <el-button type="primary" @click="searchData">提交</el-button>
                <el-button type="primary" @click="clearPopover">清空</el-button>
            </el-form>
            <el-button slot="reference" type="primary"  @click="popoverVisible = !popoverVisible">查询</el-button>
        </el-popover>

        <!-- 浆员列表 -->
        <el-dialog title="浆员信息" :visible.sync="isPulperDialog" width="90%" top="60px" :close-on-click-modal="false" >
            <pulp-worker ref="refPulpWorker" @getRowData="getRowData" ></pulp-worker>
            <div slot="footer"></div>
        </el-dialog>

        <!-- 表格 -->
        <el-table :data="tableData" stripe border  :height="tableHeight" style="width: 100%;" :header-cell-style="getRowClass"  v-loading="tableLoading">
            <el-table-column fixed type="index" label="*" sortable align="center" min-width="40"></el-table-column>
            <el-table-column prop="machineNoName" label="采浆机号" sortable min-width="94"></el-table-column>
            <el-table-column prop="providerName" label="浆员姓名" sortable min-width="94"></el-table-column>
            <el-table-column prop="totalBloodNum" label="采血量血泵圈数" sortable min-width="130"></el-table-column>
            <el-table-column prop="totalPlasmaNum" label="采浆量" sortable width="90"></el-table-column>
            <el-table-column prop="initWeight" label="浆袋皮重" sortable min-width="100"></el-table-column>
            <el-table-column prop="useKngNum" label="抗凝剂用量" sortable min-width="110"></el-table-column>
            <el-table-column prop="useYsNum" label="盐水用量" sortable min-width="100"></el-table-column>
            <el-table-column prop="cycles" label="循环次数" sortable min-width="100"></el-table-column>
            <el-table-column prop="startTime" label="采浆开始时间" sortable min-width="170"></el-table-column>
            <el-table-column prop="endTime" label="采浆结束时间" sortable min-width="170"></el-table-column>
            <el-table-column prop="collTakenName" label="采浆耗时" sortable min-width="100"></el-table-column>
            <el-table-column prop="createTime" label="操作时间" sortable min-width="170"></el-table-column>
            <el-table-column fixed="right" label="操作" sortable align="center" min-width="90">
                <template slot-scope="scope">
                    <el-button  @click="updateDialog(scope.row)" type="text" size="small">编辑</el-button>
                    <el-button  type="text" size="small" >删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchList.currentPage" :page-sizes="[10, 15,20, 25,30,50, 100]" :page-size="searchList.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="tableTotal"></el-pagination>

        <!-- 详情 -->
        <el-dialog title="详细信息" :visible.sync="isDialog" width="1050px" top="60px" :close-on-click-modal="false" >
            <template>
                <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                    <el-tab-pane label="献浆员信息" name="first">
                        <div  :style="dialogHeight">
                            <el-row type="flex" justify="space-around">
                                <el-col :span="8" class="photoItem">
                                    <p>献浆员照片</p>
                                    <img :src="pulpInfo.photo.photo"/>
                                </el-col>
                                <el-col :span="8" class="photoItem">
                                    <p >登记照片</p>
                                    <img :src="pulpInfo.photo.regPhoto"/>
                                </el-col>
                                <el-col :span="8" class="photoItem">
                                    <p >采浆照片</p>
                                    <img :src="pulpInfo.createPhoto" style="width: 190px; height: 240px; margin: 0 auto;" />
                                </el-col>
                            </el-row>
                            <h3 class="dialog-plate-title pulpPepoleInfo"><span>基本信息</span></h3>
                            <el-row type="flex" justify="space-between">
                                <el-col :span="16">
                                    <el-form :inline="true" :model="pulpInfo" label-width="100px" class="demo-ruleForm">
                                        <el-form-item class="inputNoMb" label="卡号"><el-input v-model="pulpInfo.cardId" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="姓名"><el-input v-model="pulpInfo.providerName" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="年龄"><el-input v-model="pulpInfo.age" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="电话"><el-input v-model="pulpInfo.phone" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="发证日期"><el-input v-model="pulpInfo.issueCertificateDate" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="登记时间"><el-input v-model="pulpInfo.regTime" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="体检是否通过"><el-input v-model="pulpInfo.bodyCheckPass" disabled></el-input></el-form-item>
                                        <el-form-item class="inputNoMb" label="化检是否通过"><el-input v-model="pulpInfo.assayPass" disabled></el-input></el-form-item>
                                    </el-form>
                                </el-col>
                                <el-col :span="8" style="text-align: center;">
                                    <img :src="pulpInfo.photo.idCardPhoto" style="width: 100%; height: 215px;" />
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="采浆信息" name="second">
                        <div :style="dialogHeight">
                        <el-collapse v-model="collectPulpInfo.activeName">
                            <el-collapse-item  name="1">
                                <template slot="title"><h3 class="dialog-plate-title"><span>采浆概要信息</span><span class="more">查看详情</span></h3></template>
                                <el-row :gutter="24">
                                    <el-col :span="12" class="info-item">
                                        <span class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>护士：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.nurseName"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>注册号：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.registerNo"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>循环次数：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.cycles"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>是否二次穿刺：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.secondPuncture"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采血量：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.totalBloodNum"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采浆量：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.totalPlasmaNum"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂用量：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.useKngNum"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>盐水用量：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.useYsNum"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>皮重：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.initWeight"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>HTC：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.htc"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>采浆耗时：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.collTakenName"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>穿刺耗时：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.punctureTakenName"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>安装耗材耗时：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.installTakenName"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载耗材耗时：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.uninstallTakenName"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>安装耗材开始时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.installStartTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>安装耗材完成时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.installEndTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>穿刺开始时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.punctureStartTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>穿刺完成时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.punctureEndTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载耗材开始时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.uninstallStartTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载耗材完成时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.uninstallEndTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>自检时间：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.selfCheckTime"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>自检结果：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.selfCheckResult"></span>
                                    </el-col>
                                    <el-col :span="24" class="info-item">
                                        <span class="title title-notice"><i class="fn-color-theme iconfont icon-biaoqian"></i>备注：</span>
                                        <span v-text="collectPulpInfo.providerCollectionInfo.remark"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item  name="2">
                                <template slot="title"><h3 class="dialog-plate-title"><span>准备耗材</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span class="title"><i class="fn-color-theme el-icon-time"></i>开始安装耗材时间：</span>
                                        <span  v-text="collectPulpInfo.provisionConsumable.startInstallConsumable"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>结束安装耗材时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.endInstallConsumable"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>自动装管开始时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.startAutoTubulature"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>自动装管结束时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.endAutoTubulature"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血浆袋皮重：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.plasmaBagTare"></span>
                                    </el-col>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.timePlasmaBagTare"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>离心机盖开关关闭时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.closeLxjSwitch"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>DPM安装时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.installDpm"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>浆袋安装时间：</span>
                                        <span v-text="collectPulpInfo.provisionConsumable.installPlasmaBag"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="3">
                                <template slot="title"><h3 class="dialog-plate-title"><span>输入资源</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>四件套厂家：</span>
                                        <span  v-text="collectPulpInfo.inputResource.fpsVendor"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>四件套批号：</span>
                                        <span  v-text="collectPulpInfo.inputResource.fpsBno"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂厂家：</span>
                                        <span v-text="collectPulpInfo.inputResource.acdVendor"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂批号：</span>
                                        <span v-text="collectPulpInfo.inputResource.acdBno"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>盐水厂家：</span>
                                        <span v-text="collectPulpInfo.inputResource.salineVendor"></span>
                                    </el-col>
                                        <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>盐水批号：</span>
                                        <span v-text="collectPulpInfo.inputResource.salineBno"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="4">
                                <template slot="title"><h3 class="dialog-plate-title"><span>预冲</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>预充开始时间：</span>
                                        <span v-text="collectPulpInfo.precharge.prechargeStartTime"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>预冲前抗凝剂重量：</span>
                                        <span v-text="collectPulpInfo.precharge.knjWeightPreprecharge"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeKnjWeightPreprecharge"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>预冲后抗凝剂重量：</span>
                                        <span v-text="collectPulpInfo.precharge.knjWeightPostprecharge"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeKnjWeightPostprecharge"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂空探检测到液体，抗凝泵所用圈数：</span>
                                        <span v-text="collectPulpInfo.precharge.turnsKnbKnjktCheckedLiquids"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeTurnsKnbKnjktCheckedLiquids"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血员空探1检测到液体，抗凝泵所用圈数：</span>
                                        <span v-text="collectPulpInfo.precharge.turnsKnbXyktCheckedLiquids"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeTurnsKnbXyktCheckedLiquids"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂泵反向转动所用圈数：</span>
                                        <span v-text="collectPulpInfo.precharge.turnsKnbReverseRotate"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeTurnsKnbReverseRotate"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂泵特征值：</span>
                                        <span v-text="collectPulpInfo.precharge.eigenvalueKnb"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.precharge.timeEigenvalueKnb"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="5">
                                <template slot="title"><h3 class="dialog-plate-title"><span>参数设置</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                         <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>单程采量：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.singlewayCollectQuantityMv"></span>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                         <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>总采集量：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.totalCollectQuantityMv"></span>
                                        </el-col>
                                        <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>补盐水量：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.compensatingSalineQuantityMv"></span>
                                        </el-col>
                                    </el-row>
                                     <el-row>
                                         <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>袖带压力：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.xdPressureMv"></span>
                                        </el-col>
                                        <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>总量差值：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.totalQuantityDifferenceMv"></span>
                                        </el-col>
                                    </el-row>
                                     <el-row>
                                         <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采血速度：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.bloodCollectionSpeed"></span>
                                        </el-col>
                                        <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>还输速度：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.hsSpeed"></span>
                                        </el-col>
                                    </el-row>
                                     <el-row>
                                         <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme el-icon-time"></i>开始时间：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.startSetParametersTime"></span>
                                        </el-col>
                                        <el-col :span="12" class="info-item">
                                            <span  class="title"><i class="fn-color-theme el-icon-time"></i>结束时间：</span>
                                            <span v-text="collectPulpInfo.parameterSettings.endSetParametersTime"></span>
                                        </el-col>
                                    </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="6">
                                <template slot="title"><h3 class="dialog-plate-title"><span>加压</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>开始加压时间：</span>
                                        <span  v-text="collectPulpInfo.inflating.startInflatingTime"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>加压参数：</span>
                                        <span  v-text="collectPulpInfo.inflating.inflatingParameters"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span  v-text="collectPulpInfo.inflating.timeInflatingParameters"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>结束加压时气泵压力：</span>
                                        <span  v-text="collectPulpInfo.inflating.airPumpPressure"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span  v-text="collectPulpInfo.inflating.timeAirPumpPressure"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="7">
                                <template slot="title"><h3 class="dialog-plate-title"><span>采浆结束</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>采浆开始时间：</span>
                                        <span  v-text="collectPulpInfo.collectingPlasmaEnd.collectingPlasmaStartTime" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>采浆结束时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.collectingPlasmaEndTime" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采浆过程耗时：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.collectingProcedureElapsedTime" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeCollectingProcedureElapsedTime" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采浆循环次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.cycleTime" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeCycleTime" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂起始重量：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.knjInitialWeight" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeKnjInitialWeight" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂预充消耗量：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.knjPrechargeConsumedWeight" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeKnjPrechargeConsumedWeight" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂剩余重量：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.knjRemainingWeight" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeKnjRemainingWeight" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血浆重量：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.plasmaWeight" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timePlasmaWeight" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>采浆抗凝剂用量：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.knjPlasmaUsedWeight" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeKnjPlasmaUsedWeight" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血员阀开闭次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.xyValveOpencloseTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeXyValveOpencloseTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血浆阀开闭次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.xjValveOpencloseTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeXjValveOpencloseTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>盐水阀开闭次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.salineValveOpencloseTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeSalineValveOpencloseTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂泵转动总圈数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.totalTurnsRotatedKnjb" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeTotalTurnsRotatedKnjb" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血泵转动总圈数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.totalTurnsRotatedXb" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeTotalTurnsRotatedXb" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>抗凝剂空探状态转换次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.knjktStateSwitchingTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeKnjktStateSwitchingTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>红探状态转换次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.htStateSwitchingTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeHtStateSwitchingTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血员空探0状态转换次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.xykt0StateSwitchingTimes"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeXykt0StateSwitchingTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血员空探1状态转换次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.xykt1StateSwitchingTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeXykt1StateSwitchingTimes" ></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme iconfont icon-biaoqian"></i>血员空探2状态转换次数：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.xykt2StateSwitchingTimes" ></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>读取时间：</span>
                                        <span v-text="collectPulpInfo.collectingPlasmaEnd.timeXykt2StateSwitchingTimes" ></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="8">
                                <template slot="title"><h3 class="dialog-plate-title"><span>卸载耗材</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载耗材开始时间：</span>
                                        <span v-text="collectPulpInfo.uninstallConsumable.uninstallStart"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载耗材结束时间：</span>
                                        <span v-text="collectPulpInfo.uninstallConsumable.uninstallEnd"></span>
                                    </el-col>
                                    </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载血浆袋时间：</span>
                                        <span v-text="collectPulpInfo.uninstallConsumable.uninstallPlasmaBag"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>卸载DPM时间：</span>
                                        <span v-text="collectPulpInfo.uninstallConsumable.uninstallDpm"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>离心机盖开关打开时间：</span>
                                        <span v-text="collectPulpInfo.uninstallConsumable.openLxjSwitch"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                            <el-collapse-item name="9">
                                <template slot="title"><h3 class="dialog-plate-title"><span>自检环节</span><span class="more">查看详情</span></h3></template>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>抗凝空探通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.knjktPass"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>血员空探0通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.xykt0Pass"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>血员空探1通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.xykt1Pass"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>血员空探2通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.xykt2Pass"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>管压位置通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.gyzPass"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>红探值通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.htzPass"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>血浆电子称通过：</span>
                                        <span v-text="collectPulpInfo.selfCheck.xjdzcPass"></span>
                                    </el-col>
                                    <el-col :span="12" class="info-item">
                                        <span  class="title"><i class="fn-color-theme el-icon-time"></i>抗凝剂电子称：</span>
                                        <span v-text="collectPulpInfo.selfCheck.knjdzcPass"></span>
                                    </el-col>
                                </el-row>
                            </el-collapse-item>
                        </el-collapse>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="采浆过程" name="third">
                        <div  :style="dialogHeight">
                            <el-collapse v-model="collectPulpProcess.activeName">
                                <el-collapse-item name='1'>
                                    <template slot="title"><h3 class="dialog-plate-title" ><span>采浆过程概要</span><span class="more">查看详情</span></h3></template>
                                    <el-table :data="collectPulpProcess.providerCollectionProcess" show-header stripe border :header-cell-style="getRowClass" style="width: 100%"  class="company-table">
                                        <el-table-column type="expand" label="详细">
                                            <template slot-scope="props">
                                                <el-form label-position="left" inline class="demo-table-expand">
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="层数"><span v-text="props.row.floor"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="采浆量"  v-text="props.row.collectNums"><span></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="采集速度"><span v-text="props.row.collectSpeed"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="采集耗时"><span v-text="props.row.collectTaken"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="采集开始时间"><span v-text="props.row.collectStarttime"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="采集结束时间"><span v-text="props.row.collectEndtime"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="回输量"><span v-text="props.row.reinfusionNums"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="回输速度"><span v-text="props.row.reinfusionSpeed"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="回输耗时"><span v-text="props.row.reinfusionTaken"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="回输开始时间"><span v-text="props.row.reinfusionStarttime"></span></el-form-item></el-col>

                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="回输结束时间"><span v-text="props.row.reinfusionEndtime"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="抗凝剂用量"><span v-text="props.row.antiNums"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="盐水用量"><span v-text="props.row.soilNums"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="HCT"><span v-text="props.row.htc"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="血泵特征值"><span v-text="props.row.materialtag"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="操作时间"><span v-text="props.row.opertime"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="同步时间"><span v-text="props.row.synctime"></span></el-form-item></el-col>
                                                    </el-row>
                                                </el-form>
                                            </template>
                                        </el-table-column>
                                        <el-table-column prop="floor" label="层数"  ></el-table-column>
                                        <el-table-column prop="collectNums" label="采浆量" ></el-table-column>
                                        <el-table-column prop="reinfusionNums" label="回输量"></el-table-column>
                                        <el-table-column prop="antiNums" label="抗凝剂用量"></el-table-column>
                                        <el-table-column prop="soilNums" label="盐水用量"></el-table-column>
                                        <el-table-column prop="collectStarttime" label="采集开始"></el-table-column>
                                        <el-table-column prop="collectEndtime" label="采集结束"></el-table-column>
                                        <el-table-column prop="collectSpeed" label="采集速度"></el-table-column>
                                        <el-table-column prop="collectTaken" label="采集耗时"></el-table-column>
                                        <el-table-column prop="reinfusionStarttime" label="回输开始"></el-table-column>
                                        <el-table-column prop="reinfusionEndtime" label="回输结束"></el-table-column>
                                        <el-table-column prop="reinfusionSpeed" label="回输速度"></el-table-column>
                                        <el-table-column prop="reinfusionTaken" label="回输耗时"></el-table-column>
                                        <el-table-column prop="materialtag" label="血泵特征值"></el-table-column>
                                        <el-table-column prop="htc" label="HCT"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='2'>
                                    <template slot="title"><h3 class="dialog-plate-title" ><span>采集环节</span><span class="more">查看详情</span></h3></template>
                                    <el-table :data="collectPulpProcess.collectingPlasma" stripe border style="width: 100%" :header-cell-style="getRowClass">
                                        <el-table-column type="expand">
                                            <template slot-scope="props">
                                                <el-form label-position="left" inline class="demo-table-expand">
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="采层"><span v-text="props.row.floor"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="该程未出浆时的红探值"><span v-text="props.row.htNormalValue"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="开始该程采集时间"><span v-text="props.row.startCollectingPlasmaTime"></span></el-form-item ></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-col :span="12"><el-form-item label="该程设置采集量"><span v-text="props.row.desiredCollectionQuantity"></span></el-form-item></el-col></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeDesiredCollectionQuantity"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="该程实际采集量"><span v-text="props.row.actualCollectionQuantity"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeActualCollectionQuantity"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="该程出红浆时的红探值"><span v-text="props.row.htRedPlasmaValue"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="该程红探发现红浆时间"><span v-text="props.row.htDetectPlasmaTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="该程红探发现血浆血泵所用圈数"><span  v-text="props.row.turnsXbRotatedHtDetectPlasma"></span></el-form-item></el-col>
                                                        <el-col :span="12"> <el-form-item label="读取时间"><span v-text="props.row.timeTurnsXbRotatedHtDetectPlasma"></span></el-form-item></el-col>
                                                    </el-row> <el-row>
                                                        <el-col :span="12"><el-form-item label="该程出浆时的红探值"><span v-text="props.row.htPlasmaValue"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="该程电子秤发现血浆时间"><span v-text="props.row.dzcDetectPlasmaTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程电子秤发现血浆血泵所用圈数"><span v-text="props.row.turnsXbRotatedDzcDetectPlasma"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeTurnsXbRotatedDzcDetectPlasma"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="血泵特征值"><span v-text="props.row.eigenvalueXb"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeEigenvalueXb"></span></el-form-item></el-col>
                                                    </el-row>
                                                   <el-row>
                                                        <el-col :span="12"><el-form-item label="浆员HCT"><span v-text="props.row.donatorHct"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span  v-text="props.row.timeDonatorHct"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程采集环节血泵所转圈数"><span  v-text="props.row.turnsXbRotated"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span  v-text="props.row.timeTurnsXbRotated"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程采集环节抗凝剂泵所转圈数"><span  v-text="props.row.turnsKnjbRotated"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span  v-text="props.row.timeTurnsKnjbRotated"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程抗凝剂用量"><span  v-text="props.row.knjUsedQuantity"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span  v-text="props.row.timeKnjUsedQuantity"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程采集结束时间（电子秤结束）"><span  v-text="props.row.dczCollectionEndTime"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="该程采集结束时间（红探检测结束"><span  v-text="props.row.htCollectionEndTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="抗凝泵特征值"><span  v-text="props.row.eigenvalueKnb"></span></el-form-item></el-col>
                                                        <el-col :span="12"></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程抗凝剂目标量"><span  v-text="props.row.knjTarget"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="该程抗凝剂差值"><span  v-text="props.row.knjDiff"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="该程抗凝剂比例（计算）"><span  v-text="props.row.knjTheory"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="该程抗凝剂比例（执行）"><span  v-text="props.row.knjExecute"></span></el-form-item></el-col>
                                                    </el-row>
                                                </el-form>
                                            </template>
                                        </el-table-column>
                                        <el-table-column prop="floor" label="采层"></el-table-column>
                                        <el-table-column prop="startCollectingPlasmaTime" label="开始采集" ></el-table-column>
                                        <el-table-column prop="htDetectPlasmaTime" label="红探发现红浆"></el-table-column>
                                        <el-table-column prop="turnsXbRotatedDzcDetectPlasma" label="电子称发现血浆"></el-table-column>
                                        <el-table-column prop="htNormalValue" label="未出浆红探"></el-table-column>
                                        <el-table-column prop="htRedPlasmaValue" label="出红浆红探"></el-table-column>
                                        <el-table-column prop="htPlasmaValue" label="出浆红探值"></el-table-column>
                                        <el-table-column prop="turnsXbRotatedHtDetectPlasma" label="红探发现血浆圈数"></el-table-column>
                                        <el-table-column prop="knjUsedQuantity" label="抗凝剂用量"></el-table-column>
                                        <el-table-column prop="knjTarget" label="抗凝剂目标量"></el-table-column>
                                        <el-table-column prop="knjDiff" label="抗凝剂差值"></el-table-column>
                                        <el-table-column prop="knjTheory" label="抗凝剂计算"></el-table-column>
                                        <el-table-column prop="knjExecute" label="抗凝剂执行"></el-table-column>
                                        <el-table-column prop="desiredCollectionQuantity" label="设置量"></el-table-column>
                                        <el-table-column prop="actualCollectionQuantity" label="采集量"></el-table-column>
                                        <el-table-column prop="eigenvalueXb" label="血泵特征值"></el-table-column>
                                        <el-table-column prop="eigenvalueKnb" label="抗凝泵特征值"></el-table-column>
                                        <el-table-column prop="donatorHct" label="HTC"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='3'>
                                    <template slot="title"><h3 class="dialog-plate-title" ><span>还输环节</span><span class="more">查看详情</span></h3></template>
                                    <el-table :data="collectPulpProcess.hsProcedure" stripe border style="width: 100%" :header-cell-style="getRowClass">
                                        <el-table-column type="expand">
                                            <template slot-scope="props">
                                                <el-form label-position="left" inline class="demo-table-expand">
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="采层"><span v-text="props.row.floor"></span></el-form-item></el-col>
                                                         <el-col :span="12"><el-form-item label="还输开始时间"><span v-text="props.row.hsStartTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="还输量"><span v-text="props.row.hsQuantity"></span></el-form-item></el-col>
                                                         <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeHsQuantity"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="还输环节血泵所转圈数"><span v-text="props.row.turnsXbRotatedHs"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeTurnsXbRotatedHs"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="血浆阀开启时间"><span v-text="props.row.plasmaValveOpenTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="血浆阀开启时血泵已转动圈数"><span v-text="props.row.turnsXbRotatedPvot"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeTurnsXbRotatedPvot"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="盐水阀打开时间"><span v-text="props.row.salineValveOpenTime"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="盐水阀关闭时间"><span v-text="props.row.salineValveCloseTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="还输时血员空探0发现空气，血泵还输转动圈数"><span v-text="props.row.turnsXbRotatedHsXykt0DetectAir"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="读取时间"><span v-text="props.row.timeTurnsXbRotatedHsXykt0DetectAir"></span></el-form-item></el-col>
                                                    </el-row>
                                                     <el-row>
                                                        <el-col :span="12"><el-form-item label="还输时血员空探0发现空气的时间"><span v-text="props.row.xykt0HsDetectAirTime"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="还输结束时间(达到智能还输量)"><span v-text="props.row.hsEndTime"></span></el-form-item></el-col>
                                                    </el-row>
                                                    <el-row>
                                                        <el-col :span="12"><el-form-item label="还输结束时间(血员空探0发现空气后圈数达到)"><span v-text="props.row.hsEndTimeXykt0DetectAir"></span></el-form-item></el-col>
                                                        <el-col :span="12"><el-form-item label="还输结束时间(血员空探2发现空气)"><span v-text="props.row.hsEndTimeXykt2DetectAir"></span></el-form-item></el-col>
                                                    </el-row>
                                                </el-form>
                                            </template>
                                        </el-table-column>
                                        <el-table-column prop="floor" label="层数"  ></el-table-column>
                                        <el-table-column prop="hsStartTime" label="开始时间" ></el-table-column>
                                        <el-table-column prop="hsQuantity" label="还输量"></el-table-column>
                                        <el-table-column prop="turnsXbRotatedHs" label="血泵圈数"></el-table-column>
                                        <el-table-column prop="plasmaValveOpenTime" label="血浆阀开启"></el-table-column>
                                        <el-table-column prop="salineValveOpenTime" label="盐水阀打开"></el-table-column>
                                        <el-table-column prop="salineValveCloseTime" label="盐水阀关闭"></el-table-column>
                                        <el-table-column prop="hsEndTimeXykt0DetectAir" label="还输结束(空探0)"></el-table-column>
                                        <el-table-column prop="hsEndTimeXykt2DetectAir" label="还输结束(空探2)"></el-table-column>
                                        <el-table-column prop="hsEndTime" label="还输结束(智能)"></el-table-column>
                                        <el-table-column prop="xykt0HsDetectAirTime" label="空探0发现空气"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='4'>
                                     <template slot="title"><h3 class="dialog-plate-title" ><span>机器异常</span><span class="more">查看详情</span></h3></template>
                                     <el-table :data="collectPulpProcess.deviceException" stripe border style="width: 100%" :header-cell-style="getRowClass">
                                        <el-table-column prop="floor" label="层"  width="40"></el-table-column>
                                        <el-table-column prop="extPara" label="阶段" width="60"></el-table-column>
                                        <el-table-column prop="extType" label="类型" width="50"></el-table-column>
                                        <el-table-column prop="extTime" label="发生时间"></el-table-column>
                                        <el-table-column prop="extRecoverTime" label="恢复时间"></el-table-column>
                                        <el-table-column prop="extLevel" label="异常等级" width="70"></el-table-column>
                                        <el-table-column prop="extMsg" label="信息"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='5'>
                                     <template slot="title"><h3 class="dialog-plate-title" ><span>耗材异常</span><span class="more">查看详情</span></h3></template>
                                     <el-table :data="collectPulpProcess.consumableException" stripe border style="width: 100%" :header-cell-style="getRowClass">
                                        <el-table-column prop="floor" label="层" width="40"></el-table-column>
                                        <el-table-column prop="extPara" label="阶段" width="60"></el-table-column>
                                        <el-table-column prop="extType" label="类型"  width="50"></el-table-column>
                                        <el-table-column prop="extTime" label="发生时间"></el-table-column>
                                        <el-table-column prop="extRecoverTime" label="恢复时间"></el-table-column>
                                        <el-table-column prop="parts" label="耗材部件"></el-table-column>
                                        <el-table-column prop="component" label="耗材零件"></el-table-column>
                                        <el-table-column prop="extLevel" label="异常等级" width="70"></el-table-column>
                                        <el-table-column prop="extMsg" label="信息"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='6'>
                                     <template slot="title"><h3 class="dialog-plate-title" ><span>浆员异常</span><span class="more">查看详情</span></h3></template>
                                     <el-table :data="collectPulpProcess.donatorException" stripe border style="width: 100%"  :header-cell-style="getRowClass">
                                        <el-table-column prop="floor" label="层" width="40"></el-table-column>
                                        <el-table-column prop="extPara" label="阶段" width="60"></el-table-column>
                                        <el-table-column prop="type" label="类型" width="50"></el-table-column>
                                        <el-table-column prop="extTime" label="发生时间"></el-table-column>
                                        <el-table-column prop="extRecoverTime" label="恢复时间"></el-table-column>
                                        <el-table-column prop="extLevel" label="异常等级" width="70"></el-table-column>
                                        <el-table-column prop="clinicalReaction" label="临床反应"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name='7'>
                                     <template slot="title"><h3 class="dialog-plate-title" ><span>按键记录</span><span class="more">查看详情</span></h3></template>
                                    <el-table :data="collectPulpProcess.pushButton" stripe border style="width: 100%"  :header-cell-style="getRowClass">
                                        <el-table-column prop="events" label="事件"  ></el-table-column>
                                        <el-table-column prop="time" label="时间" ></el-table-column>
                                        <el-table-column prop="buttonCode" label="按键"></el-table-column>
                                        <el-table-column prop="buttonUi" label="界面"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                            </el-collapse>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="运行图表" name="fourth">
                        <div  :style="dialogHeight">
                            <div class="echartDom" id="rotateEchart" ref="rotateEchart"></div>
                            <div  class="echartDom" id="speedEchart" ref="speedEchart"></div>
                            <div  class="echartDom" id="valueEchart" ref="valueEchart"></div>
                        </div>
                    </el-tab-pane>
                </el-tabs>
            </template>
        </el-dialog>
    </div>
</template>

<script>
    import pulpWorker from './components/searchPulpWorker';
    import api from '@/axios/api.js';
    export default {
        name: "pulpCollect",
        components:{
            'pulp-worker' :pulpWorker
        },
        data(){
            return {
                tokenId: sessionStorage.getItem("tokenId"),
                currentPage: 1,
                pagesize: 10,
                activeName:'1',
                tableHeight: document.documentElement.clientHeight - 160,
                tableData:[],
                tableTotal:0,
                // 查询
                popoverVisible: false,
                searchList:{
                    currentPage:1,
                    pageSize:10,
                    providerNo:null,
                    nurse:null,
                    machineNo:null,
                    startTotalPlasmaNum:null,
                    endTotalPlasmaNum:null,
                    startTotalBloodNum:null,
                    endTotalBloodNum:null,
                    startUseYsNum:null,
                    endUseYsNum:null,
                    startUseKngNum:null,
                    endUseKngNum:null,
                    secondPuncture:null,
                    startCycles:null,
                    endCycles:null,
                    startHTC:null,
                    endHTC:null,
                    startStartTime:null,
                    endStartTime:null,
                    startCreateTime:null,
                    endCreateTime:null,
                    time1:'',
                    time2:'',
                    providerNoName:''
                },
                isPulperDialog:false,
                tableLoading:false,/**加载中 */
                isDialog:false,/**弹框显示隐藏 */
                //弹出框样式
                dialogHeight: {
                    height: document.documentElement.clientHeight - 270+ 'px',
                    overflowY: 'auto',
                    overflowX: 'hidden'
                },
                /** 弹框内容*/
                dialogList:{},
                pulpInfo:{ /**献浆员信息 */
                    photo:{
                        idCardPhoto:'',/** 身份证号*/
                        photo:'',/**献浆员照片 */
                        regPhoto:'',/**登记照片 */
                    },
                    cardId:'',//卡号
                    issueCertificateDate:'',//发证日期
                    providerName:'',//姓名
                    age:'',//年龄
                    phone:'',//电话号码
                    regTime:'',//登记时间
                    bodyCheckPass:'',//体检是否通过
                    assayPass:''//化检是否通过
                },
                activeName:'first',
                nurseData:[],/**护士列表 */
                machineData:[],/**机器编号列表 */
                collectPulpInfo:{ /**采浆信息 */
                    activeName:'1',
                    providerCollectionInfo:{},/**采浆概要信息 */
                    provisionConsumable:{},/**准备耗材信息 */
                    inputResource:{},/**输入资源 */
                    precharge:{},/**预冲 */
                    parameterSettings:{},/**参数设置 */
                    inflating:{},/**加压 */
                    collectingPlasmaEnd:{},/**采浆结束 */
                    uninstallConsumable:{},/**卸载耗材 */
                    selfCheck:{}/**自检 */
                },
                collectPulpProcess:{/**采浆过程 */
                    activeName:'1',
                    providerCollectionProcess:[],/**采浆过程概要 */
                    collectingPlasma:[],/**采集环节 */
                    hsProcedure:[],/**还输过程信息 */
                    deviceException:[],/**机器异常 */
                    consumableException:[],/**耗材异常 */
                    donatorException:[],/**浆员异常 */
                    pushButton:[]/**按键记录 */
                },
                priodic:{}/**运行图表 */
            }
        },
        created() {
            let self = this;
            self.searchList.currentPage= 1;
            self.searchList.pageSize= 10;
            self.getData();
            api.getNurseData().then(res=>{
                self.nurseData = res.content;
            })
            api.getMachineData().then(res=>{
                self.machineData = res.content;
            })
        },
        methods: {
            getData() {
                let _this = this;
                _this.tableLoading=true;
                let list ={
                    currentPage:_this.searchList.currentPage,
                    pageSize:_this.searchList.pageSize,
                    providerNo:_this.searchList.providerNo,
                    nurse:_this.searchList.nurse,
                    machineNo:_this.searchList.machineNo,
                    startTotalPlasmaNum:_this.searchList.startTotalPlasmaNum,
                    endTotalPlasmaNum:_this.searchList.endTotalPlasmaNum,
                    startTotalBloodNum:_this.searchList.startTotalBloodNum,
                    endTotalBloodNum:_this.searchList.endTotalBloodNum,
                    startUseYsNum:_this.searchList.startUseYsNum,
                    endUseYsNum:_this.searchList.endUseYsNum,
                    startUseKngNum:_this.searchList.startUseKngNum,
                    endUseKngNum:_this.searchList.endUseKngNum,
                    secondPuncture:_this.searchList.secondPuncture,
                    startCycles:_this.searchList.startCycles,
                    endCycles:_this.searchList.endCycles,
                    startHTC:_this.searchList.startHTC,
                    endHTC:_this.searchList.endHTC,
                    startStartTime:_this.searchList.time1 ? _this.timestampToTime(_this.searchList.time1[0]).substr(0,10) : "",
                    endStartTime:_this.searchList.time1?_this.timestampToTime(_this.searchList.time1[1]).substr(0,10) : "",
                    startCreateTime:_this.searchList.time2 ? _this.timestampToTime(_this.searchList.time2[0]).substr(0,10) : "",
                    endCreateTime:_this.searchList .time2 ? _this.timestampToTime(_this.searchList .time2[1]).substr(0,10) : "",
                    providerNoName:_this.searchList.providerNoName
                };
                api.providerCollectionList(list).then(res=>{
                    _this.tableLoading=false;
                    _this.tableData = res.content.records;
                    _this.tableTotal = res.content.total;
                    _this.popoverVisible =false;
                },error=>{
                    _this.tableLoading=false;
                });
            },

            clearPopover(){/**搜索-清空*/
                this.searchList.currentPage=1;
                this.searchList.pageSize=10
                this.searchList.providerNo='';
                this.searchList.nurse='';
                this.searchList.machineNo="";
                this.searchList.startTotalPlasmaNum="";
                this.searchList.endTotalPlasmaNum="";
                this.searchList.startTotalBloodNum="";
                this.searchList.endTotalBloodNum="";
                this.searchList.startUseYsNum="";
                this.searchList.endUseYsNum="";
                this.searchList.startUseKngNum="";
                this.searchList.endUseKngNum="";
                this.searchList.secondPuncture="";
                this.searchList.startCycles="";
                this.searchList.endCycles="";
                this.searchList.startHTC="";
                this.searchList.endHTC="";
                this.searchList.startStartTime="";
                this.searchList.endStartTime="";
                this.searchList.startCreateTime="";
                this.searchList.endCreateTime="";
                this.searchList.time1="";
                this.searchList.time2="";
                this.searchList.providerNoName="";
            },
            searchData() {
                this.searchList.currentPage = 1;
                this.getData();
            },
            focusPulpWorker(){
                this.isPulperDialog = true;
            },
            getRowData(row){
                this.isPulperDialog = false;
                this.searchList.providerNoName = row.name;
                this.searchList.providerNo = row.id;
                console.log(row,row.id)
            },


            //详情
            updateDialog(row){
                let self = this;
                self.isDialog = true;
                self.dialogList=row;
                api.selectProviderReg(row.registerNo).then(res=>{
                    self.pulpInfo.regTime=res.content.regTime;
                    self.pulpInfo.bodyCheckPass=res.content.bodyCheckPass?'通过':'未通过';
                    self.pulpInfo.assayPass=res.content.assayPass?'通过':'未通过';
                });
                self.pulpInfo.photo.photo=row.photo;
                self.pulpInfo.photo.idCardPhoto =row.idCardPhoto;
                self.pulpInfo.cardId=row.cardId;
                self.pulpInfo.providerName=row.providerName;
                self.pulpInfo.age=row.age;
                self.pulpInfo.phone=row.phone;
                self.pulpInfo.issueCertificateDate=row.issueCertificateDate;
            },
            handleSizeChange(size) {
                this.searchList.pageSize = size;
                this.getData();
            },
            handleCurrentChange(currentPage) {
                this.searchList.currentPage = currentPage;
                this.getData();
            },
            handleClick(tab){/**点击详情的tab */
            let self = this;
            let id =self.dialogList.id,mlogId=self.dialogList.machineLogId;
                switch(tab.name){
                    case "first":

                    break;
                    case "second":
                    //获取采浆概要信息
                    api.providerCollectionSelectById(id).then(res=>{
                        self.collectPulpInfo.providerCollectionInfo=res.content;
                    })
                    //获取准备耗材信息
                    api.provisionConsumable({mlogId}).then(res=>{
                        self.collectPulpInfo.provisionConsumable=res.content;
                    })
                    //获取输入资源
                    api.inputResource({mlogId}).then(res=>{
                        self.collectPulpInfo.inputResource=res.content;
                    })
                    //获取预冲
                    api.precharge({mlogId}).then(res=>{
                        self.collectPulpInfo.precharge=res.content;
                    })
                    //参数设置
                    api.parameterSettings({mlogId}).then(res=>{
                        self.collectPulpInfo.parameterSettings=res.content;
                    })
                    //加压
                    api.inflating({mlogId}).then(res=>{
                        self.collectPulpInfo.inflating=res.content;
                    })
                    //采浆结束
                    api.collectingPlasmaEnd({mlogId}).then(res=>{
                        self.collectPulpInfo.collectingPlasmaEnd=res.content;
                    })
                    //卸载耗材
                    api.uninstallConsumable({mlogId}).then(res=>{
                        self.collectPulpInfo.uninstallConsumable=res.content;
                    })
                    //自检
                    api.selfCheck({mlogId}).then(res=>{
                        self.collectPulpInfo.selfCheck=res.content;
                    })
                    break;
                    case "third"://采浆过程
                    //采浆过程概要
                    api.providerCollectionProcess({id}).then(res=>{
                        self.collectPulpProcess.providerCollectionProcess=res.content;
                    })
                    /**采集环节 */
                    api.collectingPlasma({mlogId}).then(res=>{
                        self.collectPulpProcess.collectingPlasma=res.content;
                    })
                    /**还输过程信息 */
                    api.hsProcedure({mlogId}).then(res=>{
                        self.collectPulpProcess.hsProcedure =res.content;
                    })
                    /**机器异常 */
                    api.deviceException({mlogId}).then(res=>{
                         self.collectPulpProcess.deviceException=res.content;
                    })
                    /**耗材异常 */
                    api.consumableException({mlogId}).then(res=>{
                        self.collectPulpProcess.consumableException=res.content;
                    })
                    /**浆员异常 */
                    api.donatorException({mlogId}).then(res=>{
                        self.collectPulpProcess.donatorException=res.content;
                    })
                    /**按键记录 */
                    api.pushButton({mlogId}).then(res=>{
                        self.collectPulpProcess.pushButton=res.content;
                    })
                    break;
                    case "fourth":
                    self.getPriodic(mlogId);
                    break;
                }
            },
            getPriodic(mlogId){
                let self=this;
                api.priodic({mlogId}).then(res=>{
                    let timeData=[],
                    curXbDrawRotated=[],/**血泵采集圈数 */
                    curXbReturnRotated=[],/**血泵还输圈数 */
                    knjRotated=[],/**抗凝剂泵圈数 */
                    xbRotated=[],/**血泵圈数 */

                    knjSpeed=[],/**抗凝剂泵速度 */
                    lxjSpeed=[],/**离心机转速 */
                    xbSpeed=[],/** 血泵速度*/

                    gyValue=[],/**管压值 */
                    htValue=[],/**红探值 */
                    xyValue=[],/**袖带压力 */

                    knjdzcWeight=[],/** 抗凝剂电子称重量*/
                    xjdzcWeight=[],/**血浆电子称重量 */

                    knjb=[];/** 抗凝剂全血比*/
                    let rotatedMax=res.content[0].curXbDrawRotated,
                    rotatedMin=res.content[0].curXbDrawRotated,
                    speedMax=res.content[0].knjSpeed,
                    speedMin=res.content[0].knjSpeed,
                    valueMax=res.content[0].gyValue,
                    valueMin=res.content[0].gyValue,
                    weightMax =res.content[0].knjdzcWeight,
                    weightMin =res.content[0].knjdzcWeight,
                    htMax=res.content[0].htValue,
                    htMin=res.content[0].htValue,
                    knjbMax=res.content[0].knjb,
                    knjbMin=res.content[0].knjb;
                    res.content.forEach(el=> {
                        let time=el.time.split(' ')
                        timeData.push(time[1]);
                        curXbDrawRotated.push(el.curXbDrawRotated);
                        curXbReturnRotated.push(el.curXbReturnRotated);
                        knjRotated.push(el.knjRotated);
                        xbRotated.push(el.xbRotated);
                        rotatedMax =Math.max(rotatedMax,el.curXbDrawRotated,el.curXbReturnRotated,el.knjRotated,el.xbRotated);
                        rotatedMin=Math.min(rotatedMin,el.curXbDrawRotated,el.curXbReturnRotated,el.knjRotated,el.xbRotated);

                        knjSpeed.push(el.knjSpeed);
                        lxjSpeed.push(el.lxjSpeed);
                        xbSpeed.push(el.xbSpeed);
                        speedMax=Math.max(speedMax,el.knjSpeed,el.lxjSpeed,el.xbSpeed);
                        speedMin=Math.min(speedMin,el.knjSpeed,el.lxjSpeed,el.xbSpeed);

                        gyValue.push(el.gyValue);
                        htValue.push(el.htValue);
                        xyValue.push(el.xyValue);
                        valueMax=Math.max(valueMax,el.gyValue,el.htValue,el.xyValue);
                        valueMin=Math.min(valueMin,el.gyValue,el.htValue,el.xyValue);
                        htMax=Math.max(htMax,el.htValue);
                        htMin=Math.max(htMin,el.htValue);

                        knjdzcWeight.push(el.knjdzcWeight);
                        xjdzcWeight.push(el.xjdzcWeight);
                        weightMax =Math.max(weightMax,el.knjdzcWeight,el.xjdzcWeight);
                        weightMin =Math.min(weightMin,el.knjdzcWeight,el.xjdzcWeight);

                        knjb.push(el.knjb);
                        knjbMax=Math.max(knjbMax,el.knjb);
                        knjbMin=Math.min(knjbMin,el.knjb);
                    });
                    let myChart1= self.$echarts.init(self.$refs.rotateEchart),
                    myChart2=self.$echarts.init(self.$refs.speedEchart),
                    myChart3=self.$echarts.init(self.$refs.valueEchart);
                    let option1={
                        legend: {
                            data:['血泵采集圈数','血泵还输圈数','抗凝剂泵圈数','血泵圈数','抗凝剂全血比']
                        },
                         tooltip: {
                            trigger: 'axis',
                            position: function (pt) {
                                return [pt[0], '10%'];
                            }
                         },
                        xAxis: {
                            type: 'category',
                            data:timeData
                        },
                        dataZoom:{},
                        axisPointer: {
                            link: {xAxisIndex: 'all'}
                        },
                        yAxis: [{
                            type: 'value',
                            name:'圈数',
                            position:'left',
                            max:rotatedMax,
                            min:function(val){
                                if(rotatedMin > 0){
                                    return 0;
                                }else{

                                    return rotatedMin;
                                }
                            },
                            splitNumber:6
                        },{
                            type: 'value',
                            name:'比列',
                            max:knjbMax,
                            min:function(val){
                                if(knjbMin > 0){
                                    return 0;
                                }else{

                                    return knjbMin;
                                }
                            },
                            position:'right',
                            splitNumber:6
                        }],
                        series: [{
                            name:"血泵采集圈数",
                            data: curXbDrawRotated,
                            symbol:'circle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#ee3e6f'
                            },
                            lineStyle:{
                                color:"#ee3e6f",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"血泵还输圈数",
                            data: curXbReturnRotated,
                            symbol:'circle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#af3ac4'
                            },
                            lineStyle:{
                                color:"#af3ac4",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"抗凝剂泵圈数",
                            data: knjRotated,
                            symbol:'triangle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#3ac464'
                            },
                            lineStyle:{
                                color:"#3ac464",
                                width:1
                            },
                            label:{
                                show:true
                            },
                            areaStyle:{},
                            type: 'line'
                        },
                        {
                            name:"血泵圈数",
                            data: xbRotated,
                            symbol:'circle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#e9bc65'
                            },
                            lineStyle:{
                                color:"#e9bc65",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },{
                            name:"抗凝剂全血比",
                            data: knjb,
                            symbol:'triangle',
                            yAxisIndex:1,
                            symbolSize:4,
                            itemStyle:{
                                color:'#87cefa'
                            },
                            areaStyle:{},
                            lineStyle:{
                                color:"#87cefa",
                                width:1
                            },
                            label:{
                                show:true
                            },
                            type: 'line'
                        }]
                    };
                    let option2={
                        legend: {
                            data:['抗凝剂泵速度','离心机转速','血泵速度','抗凝剂电子称重量','血浆电子称重量']
                        },
                         tooltip: {
                            trigger: 'axis',
                            position: function (pt) {
                                return [pt[0], '10%'];
                            }
                         },
                        dataZoom:{},
                        xAxis: {
                            type: 'category',
                            data:timeData
                        },
                        axisPointer: {
                            link: {xAxisIndex: 'all'}
                        },
                        yAxis: [{
                            type: 'value',
                            name:'速度',
                            max:speedMax,
                            min:function(val){
                                if(speedMin > 0){
                                    return 0;
                                }else{

                                    return speedMin;
                                }
                            },
                            splitNumber:6
                        },{
                            type: 'value',
                            name:'重量',
                            max:weightMax,
                            min:function(val){
                                if(weightMin > 0){
                                    return 0;
                                }else{

                                    return weightMin;
                                }
                            },
                            splitNumber:6
                        }],
                        series: [{
                            name:"抗凝剂泵速度",
                            data: knjSpeed,
                            symbol:'triangle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#87cefa'
                            },
                            lineStyle:{
                                color:"#87cefa",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"离心机转速",
                            data: lxjSpeed,
                            symbol:'diamond',
                            symbolSize :4,
                            itemStyle:{
                                color:'#af3ac4'
                            },
                            lineStyle:{
                                color:"#af3ac4",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"血泵速度",
                            data: xbSpeed,
                            symbol:'circle',
                            symbolSize :4,
                            itemStyle:{
                                color:'#ee3e6f'
                            },
                            lineStyle:{
                                color:"#ee3e6f",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                         {
                            name:"抗凝剂电子称重量",
                            data: knjdzcWeight,
                            symbol:'triangle',
                            symbolSize :4,
                            yAxisIndex:1,
                            itemStyle:{
                                color:'#3ac464'
                            },
                            lineStyle:{
                                color:"#3ac464",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },{
                            name:"血浆电子称重量",
                            data: xjdzcWeight,
                            symbol:'roundRect',
                            symbolSize :4,
                            yAxisIndex:1,
                            itemStyle:{
                                color:'#e9bc65'
                            },
                            lineStyle:{
                                color:"#e9bc65",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        }]
                    };
                    let option3={
                        legend: {
                            data:['管压值','袖带压力','红探值']
                        },
                         tooltip: {
                            trigger: 'axis',
                            axisPointer:{
                                type:'line',
                                snap:true,
                                alwaysShowContent:true
                            }
                         },
                        xAxis: {
                            type: 'category',
                            data:timeData
                        },
                        dataZoom:{},
                        axisPointer: {
                            link: {xAxisIndex: 'all'}
                        },
                        yAxis: [{
                            type: 'value',
                            name:'压力',
                            max:valueMax,
                            min:function(val){
                                if(valueMin > 0){
                                    return 0;
                                }else{

                                    return valueMin;
                                }
                            },
                            splitNumber:6
                        },{
                            type: 'value',
                            name:'红探值',
                            max:htMax,
                            min:function(val){
                                if(htMin > 0){
                                    return 0;
                                }else{

                                    return htMin;
                                }
                            },
                            splitNumber:6
                        }],
                        series: [{
                            name:"管压值",
                            data: gyValue,
                            symbol:'rect',
                            symbolSize :4,
                            itemStyle:{
                                color:'#3ac1c4'
                            },
                            lineStyle:{
                                color:"#3ac1c4",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"袖带压力",
                            data: xyValue,
                            symbol:'rect',
                            symbolSize :4,
                            itemStyle:{
                                color:'#af3ac4'
                            },
                            lineStyle:{
                                color:"#af3ac4",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        },
                        {
                            name:"红探值",
                            data: htValue,
                            symbol:'circle',
                            symbolSize :4,
                            yAxisIndex:1,
                            itemStyle:{
                                color:'#ee3e6f'
                            },
                            lineStyle:{
                                color:"#ee3e6f",
                                width:1
                            },
                            areaStyle:{},
                            label:{
                                show:true
                            },
                            type: 'line'
                        }]
                    }

                    myChart1.setOption(option1);
                    myChart2.setOption(option2);
                    myChart3.setOption(option3);
                    self.$echarts.connect([myChart3,myChart1,myChart2]);
                })
            }
        },
    }
</script>

<style scoped>

    .search-col2{
        padding-left: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .inputWidth{
        width: 78px;
    }

    .inputNoMb{
        margin-bottom: 15px;
    }
    .photoItem{
        text-align: center;
    }
    .photoItem>img{
        width: 190px;
        height: 240px;
        margin-top:10px;
    }
    .dialog-plate-title{
       width:100%;
    }
    .dialog-plate-title .more{
        font-size: 12px;
        font-weight: normal;
        color:#606266;
        float:right;
        margin-right:4px;
    }
    .pulpPepoleInfo{
        margin:10px 0;
    }
    /* 采浆概要信息 */
    .info-title{
        font-size: 15px;
    }
    .info-item{
        line-height: 32px;
        color:#606266;
    }
    .info-item .title{
        font-weight: bold;
        position: relative;
        box-sizing: border-box;
        padding-left:20px;
        color:#606266;
    }
    .info-item .title i{
        margin-right:4px;
    }
    .info-item .title.title-notice{
        float: left;
    }
    .echartDom{
        width:100%;
        height:400px;
    }
</style>
